﻿@page "/components/navmenu"

<DocsPage>
    <DocsPageHeader Title="Navigation Menu" />
    <DocsPageContent>
        <DocsPageSection>
            <SectionHeader>
                <Title>Basic Usage</Title>
                <Description></Description>
            </SectionHeader>
            <SectionContent DarkenBackground="true">
                <NavMenuExample />
            </SectionContent>
            <SectionSource Code="NavMenuExample" GitHubFolderName="NavMenu"  />
        </DocsPageSection>
        <DocsPageSection>
            <SectionHeader>
                <Title>Icons</Title>
                <Description>You can use both the icons that comes with MudBlazor or font icons <MudLink Href="/components/icons">read more about icons here.</MudLink></Description>
            </SectionHeader>
            <SectionContent DarkenBackground="true">
                <link href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" rel="stylesheet">
                <NavMenuIconExample />
            </SectionContent>
            <SectionSource Code="NavMenuIconExample" GitHubFolderName="NavMenu" />
        </DocsPageSection>
    </DocsPageContent>
</DocsPage>